/* CSS Document */ body { height:100%; min-width:1020px;;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;} body{ text-align:left; margin:0 auto; font-size:12px; font-family:"΢���ź�"; color:#555;} h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;} div{margin:0 auto;} img ,embed{ border:none;} table{ border-collapse:collapse;} ul,li{ padding:0; list-style-type:none;} a{ text-decoration:none; color:#555;} a:hover{ text-decoration:none;} .fl{ float:left;} .fr{ float:right;} .none{ display:none;} .block{ display:block;} .clearfix {*zoom:1} .clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;} .h70{ width:100%; height:150px;} .FFs{ font-family:"����";} .clear{ clear:both;} .w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;} .w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;} .w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;} #wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;} .contit h2{font-weight: bold;font-size: 20px;margin-top: 20px;margin-bottom: 15px;} @media(max-width:767px){ body{ min-width:300px !important; max-width:640px;} body{ background:#ebebeb;color:#878787;font:.8em "΢���ź�"; margin:0 auto;} .auto_img{width:100%;} .w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .w1200{ width:100%; height:auto; margin:0 auto; position:relative;} .container{ width:100%; height:auto; margin:0 auto; position:relative;} #wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;} } img { pointer-events: none; } /**/ #quanju {width: 100%;background: #fff;} .bx1200{ width:1200px; margin:0 auto; overflow:hidden;} .l{ float:left;} .r{ float:right;} .clear{ clear:both;} .header{ width:100%; background:#444;height: 32px;} .welcome{ width:950px;font-size:14px; color:#fff; line-height:32px;display:block;} .header h1{font-weight: inherit;} .fx{ width:250px; font-size: 14px; color: #737373;line-height:32px;} .fx a{ font-size: 14px; color: #fff;line-height:32px;} .fx img{padding: 10px 10px 0 0} /*logo*/ .top120{width: 1200px; height: 130px; margin: 0 auto;} .zh_logo{ margin:20px 0; width:400px; } .zh_logo img{ float:left; margin-right: 15px; width: 100%; height: auto;} /*tel*/ .tel{ margin:25px 0 20px ; width:330px; height:80px;} .tel img{ float:left; margin-right: 6px;} .tel p{ font-size:18px; color:#333; display:block;margin-top: 10px;} .tel p span{ font-size:30px; color:#ff0000; font-weight:bold; } /*nav*/ .wnav{ width:100%; height: 60px; background:#d82019; overflow:hidden;} .wnav ul{width: 1200px;height: 60px;margin: 0 auto;} .wnav li{ float:left; height:60px;width:150px; display:block; line-height:60px; font-size:16px; text-align:center; } .wnav li a{ color:#fff;display:block;} .wnav li a:hover,.active a{ color:#fff; background:#c80000} .pros{margin: 10px;} .pros ul{overflow: hidden;text-align: center;} .pros ul li{ width: 14.9%; display: inline-block; border-radius: 5px;margin-bottom: 10px;text-align: center;height: 40px; margin-right: 1.3%;border:1px solid #d82019;} .pros ul li a{ font-size: 16px;line-height: 40px;display: block;color:#d82019} .pros ul li a:hover{font-size: 17px;} #site_header .container-fluid{ padding:0;} #header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;} .zh_toper{ background:#444; height:32px; line-height:31px;} .zh_toper .w1200{ overflow:visible;} .zh_toper_l{ float:left; color:#FFF;} .zh_toper_l span{ float:left; font-size:14px;} .zh_toper_l h1{display: inline-block;font-size: 14px;font-weight: normal;float: left;margin: 0;color: #fff;line-height: 32px;} .header_pjwz{ float:left;height:100%;line-height:30px;position:relative;margin:0;color:#fff;} .header_pjwz span{ color:#FFF;} .header_pjwz .sjweb_pic{display:none; padding:4px; position:absolute; top:31px; left:-75px; background:#fff; border:1px solid #eee; z-index:820;} .header_pjwz .sjweb_pic img{ width:150px; height:150px;} .zh_toper_r{ float:right; font-size:14px; color:#FFF; position:relative; z-index:900;} .zh_toper_r a{color: #fff} .zh_toper_r .line{ float:left; margin:0 8px; color:#FFF;} .zh_toper_r>div{ float:left; position:relative;} .zh_toper_r>div a{ display:block; color:#FFF;} .zhandian span{ color:#FFF; cursor:pointer;} .zhandian ul{opacity:0; position:absolute; top:-200px; left:-45px; background:#fff; border:1px solid #eee; z-index:820; width:180px; padding:0 5px 10px;} .zhandian ul li{ float:left; width:100%; height:31px; line-height:30px; border-bottom:1px solid #eee; text-align:center;} .zhandian ul li a{ color:#666;} .zhandian ul li a:hover{ color:#d82019;} .zh_toper_r a:hover{color:#fff;} .zh_toper_r i{padding:0 8px 0 8px; color:#f4a5a5;} .zh_toper_r .current{color:#fff;} .zh_toper_r .lag{ float:right; font-size:14px; color:#FFF; margin-left:15px; position:relative;} .zh_toper_r .lag span{ color:#FFF; display:block; float:left;} .zh_toper_r .lag i{ float:left; display:block; width:28px; height:31px; background:url(../images/lang_bg.png) 0 50% no-repeat;} .zh_toper_r .lag a{ color:#FFF;} .zh_toper_r .lag em{ float:right; display:block; width:20px; height:31px;background:url(../images/lang_btn.png) right center no-repeat;} .zh_toper_r .lag .sjweb_pic{opacity:0; padding:0; position:absolute; top:-132px; left:-5px; background:#fff; border:1px solid #eee; z-index:99999; width:110px;} .zh_toper_r .lag .sjweb_pic>div{ width:110px; height:30px; line-height:30px; text-align:center;} .zh_toper_r .lag .sjweb_pic>div a{ display:block; color:#666;} .zh_toper_r .lag .sjweb_pic>div a:hover{ color:#FFF; background:#d82019;} .zh_toper_r .laoban{ float:right; font-size:14px; color:#FFF; margin-left:15px;} .zh_toper_r .laoban a{ color:#FFF;} .zh_toper_r .t_tel{ float:right;} .clear{clear: both;} .mt-20 { margin-top: 20px;} .mt-20 *{box-sizing: border-box;} .title3 { background: #fafafa;color: #444;height: 50px;line-height: 50px;font-weight: bold; font-size: 20px;border-radius: 5px;} .title3 i { background: #0699e7; width: 2px;height: 30px;display: block; float: left;margin: 10px 10px 0px 0px;} .loves,.love{width:100%;} ul.love li{width:25%;padding:10px;float:left;color:#666;} ul.love li a:hover{color:#FF0000;} ul.love li a img{width:100%;height: 220px;} ul.love li div{overflow:hidden;transform:rotate(0);border-radius: 5px;} ul.love li div img{transition:all 2s ease-in-out;} ul.love li div:hover{box-shadow: 0px 0px 15px #333;transition:all .3s ease-in-out;} ul.love ol{padding:10px 0px 0px 0px;display:block;text-align:center;} .loves li{width: 49%;line-height: 40px;border-bottom: 1px dashed #b8b8b8;float: left;margin-right: 1%} .loves li:nth-child(2n){margin-right: 0;} .head_bg{ width:100%; height:100px; background:#fff;} .head{ overflow:visible; position:relative;} .head .logo{ float:left; position:relative;width: 450px;} .head .logo a{ display:block; margin:15px 0;} .head .logo img{ max-width:100%; height:auto;} .head .logo h1{} .head .logo span{ top:40px; left:190px; display:block; position:absolute; width:160px; font-size:16px; color:#464646;} .head .logo span b{ font-weight:normal; display:block; letter-spacing:3px;} .head .menu{ float:right; width:auto; padding:22px 0 0 0;} .menu .nav{ width:100%; height:auto;} .menu .nav li:first-child{ background:none;} .menu li{ float:left; font-size:14px; padding:0 0 0 1px; background:url(../images/icon_nav.png) 0 25px no-repeat; position:relative;} .menu li.home{ background:none;} .nav_bg1 .sub dd ul li:nth-child(1),.nav_bg1 .sub dd ul li:nth-child(5),.nav_bg1 .sub dd ul li:nth-child(9){ background:none;} .menu ul li.none{ display:none;} .menu li>a em{ font-style:normal;} .menu li>a span{ display:block; font-size:16px; color:#333; line-height:20px; background:none;} .menu li>a:hover span,.menu li>a.on span{color:#d82019;} .menu li>a:hover,.menu li>a.on{ border-bottom:2px solid #d82019;} .nav_bg1{ width:1020px; position:absolute; left:-200px;} .nav_bg1 .black{ width:1020px; height:410px; position:absolute;top:20px;left:0; background:#e5e5e5;opacity:0.95;filter:alpha(opacity=95); z-index:10;} .nav_bg1 .sub{ padding:0; width:100%; height:100%; position:relative; z-index:80;} .nav_bg1 .sub dl{ width:100%; padding:0 20px 0 0;background:#eee;} .nav_bg1 .sub dd{float:left; width:1000px; margin-left:10px;} .nav_bg1 .sub dd ul{float: left; width:100%; height:auto;} .nav_bg1 .sub dd ul li{ width:25%; min-height:80px; padding:20px 14px 20px; float:left;text-align:left;} /* .nav_bg1 .sub dd ul li:nth-child(1),.nav_bg1 .sub dd ul li:nth-child(5),.nav_bg1 .sub dd ul li:nth-child(9){ width:31%;} */ .nav_bg1 .sub dd ul li .pmc{ width:100%; border-bottom:1px solid #9ec6c2; line-height:1.5; padding-bottom:5px;} .nav_bg1 .sub dd ul li .pmc a{ display:block; text-align:center; font-weight:700; color:#333; font-size:16px;} .nav_bg1 .sub dd ul li .sub3_list{ width:100%; height:auto; padding-top:7px;} .nav_bg1 .sub dd ul li .sub3_list span{ display:block; line-height:28px; color:#444; font-size:14px;} .nav_bg1 .sub dd ul li .sub3_list span.h20{ height:5px;} .nav_bg1 .sub dd ul li .sub3_list span a{ font-size:14px; color:#444; line-height:28px; text-align:left; padding-left:10px;} .nav_bg1 .sub dd ul li .sub3_list span a:hover{ color:#297a39;} .nav_bg1 .sub dt{ display:none;} @media(max-width:767px){ #header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible; background:#fff;} .head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:0px solid #eee;} .header_t,.zh_toper,.zh_toper_r .lag,.sjweb_pic,.header_pjwz{ display:none;} .head .logo{width:100%;} .head .logo a{ display:block; height:auto; width:100%;} .head .logo img{ max-width:345px; width:auto; padding:0 20px;} .head .logo span{ position:absolute; top:16px; left:150px; position:absolute; width:120px; font-size:14px; color:#464646;} .head .logo span b{ font-weight:normal; display:block; letter-spacing:3px;} .langDragList{ position:absolute; top:69px; height:auto;min-width:106px; max-width:150px;right:0;z-index:9999; background:#698cb4; display:none;} .langDragList li{ width:100%; float:left; height:36px; line-height:35px; padding:0 10px; border-bottom:1px solid #6d99ca; overflow:hidden; word-wrap:break-word;word-break: reak-all;} .langDragList li a{ display:block; color:#fff; font-size:14px;} .menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;} .menu ul li{ width:25%; height:auto; margin:0; float:left; line-height:1.5;padding-right:0;} .menu ul li h3,.menu ul li.cur h3{ background:none;} .menu ul li.none{ display:block;} .menu .line{ display:none;} .menu ul li{ padding:0;background:none;} .menu ul li em{ display:none;} .header_r{ display:none;} .menu li a span{ position:relative; height:auto;overflow:hidden;word-wrap:break-word;word-break:break-all;} .menu li>a span{ display:block; font-size:13px; white-space:nowrap; color:#fff; line-height:40px;border-right:1px solid #fff; border-bottom:1px solid #fff;} .menu li>a:hover span,.menu li>a.on span{color:#fff;} .menu li .sub{ display:none !important;} .nav_bg1{ display:none;} } /*banner*/ .width1200{ width:1180px; margin:0 auto; padding-bottom:1px; position:relative;} .banner{overflow:hidden; width:100%; position:relative;} .wxBanner{ text-align:center;} .wxBanner >ul{ position:relative;} .bannerList ul>li{ position:absolute;} .banner .wxBanner.bannerList{ height:500px} .wxBanner .first{} .wxBanner .first .b1{ padding-top:120px; left:60px;} .wxBanner .first .b1 img{ width:400px;} .wxBanner .first .b2{ top:100px; left:720px;} .wxBanner .first .b3{ top:380px; left:720px;} .wxBanner .first .b4{ top:380px; left:820px;} .wxBanner .first .b5{ top:380px; left:920px;} .wxBanner .first .b6{ top:380px; left:1020px;} .wxBanner .first img{ margin:0 auto;} .wxBanner .first span{ display:block; text-align:center; color:#FFF; font-size:14px; padding-top:5px;} .wxBanner .three {} .wxBanner .three .b1{ left:93px; top:133px;} .wxBanner .three .b2{ left:93px; top:133px;} .wxBanner .three .b3{ right:84px; top:133px;} .wxBanner .two {} .wxBanner .two .b1{ left:29px; top:80px;} .wxBanner .two .b2{ left:680px; top:90px;} .wxBanner .two .b3{ left:680px; top:90px;} .wxBanner .four {} .wxBanner .four .b1{ right:0; top:60px;} .wxBanner .four .b2{ right:0; top:60px;} .wxBanner .four .b3{ right:0; top:60px;} .wxBanner .four .b4{ right:0; top:60px;} .wxBanner .four .b5{ right:0; top:60px;} .wxBanner .four .b6{ right:0; top:60px;} .wxBanner .five {} .wxBanner .five .b1{ left:0; top:120px;} .wxBanner .five .b2{ left:620px; top:320px;} .wxBanner .six{} .wxBanner .six .b1{ left:0; top:70px;} .wxBanner .six .b2{ left:480px; top:186px;} .wxBanner .six .b3{ left:552px; top:290px;} .wxBanner .three.active .b1{-webkit-animation:fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .three.active .b2{-webkit-animation:fadeInUp 1s 0.5s 1 linear both;animation: fadeInUp 1s 0.5s 1 linear both;} .wxBanner .three.active .b3{-webkit-animation:fadeInRight 1s 0.5s 1 linear both;animation: fadeInRight 1s 0.5s 1 linear both;} .wxBanner .first.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .first.active .b2{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .wxBanner .first.active .b3{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .wxBanner .first.active .b4{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .wxBanner .first.active .b5{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .wxBanner .first.active .b6{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .wxBanner .two.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .two.active .b2{-webkit-animation: fadeInRight 1s .5s 1 linear both;animation: fadeInRight 1s .5s 1 linear both;} .wxBanner .two.active .b3{-webkit-animation: fadeInRight 1s 1.5s 1 linear both;animation: fadeInRight 1s 1.5s 1 linear both;} .wxBanner .four.active .b1{-webkit-animation: fadeInRight 1s 0s 1 linear both;animation: fadeInRight 1s 0s 1 linear both;} .wxBanner .four.active .b2{-webkit-animation: fadeInRight 1s .4s 1 linear both;animation: fadeInRight 1s .4s 1 linear both;} .wxBanner .four.active .b3{-webkit-animation: fadeInRight 1s .8s 1 linear both;animation: fadeInRight 1s .8s 1 linear both;} .wxBanner .four.active .b4{-webkit-animation: fadeInUp 1s 0s 1 linear both;animation: fadeInUp 1s 0s 1 linear both;} .wxBanner .four.active .b5{-webkit-animation: fadeInUp 1s .4s 1 linear both;animation: fadeInUp 1s .4s 1 linear both;} .wxBanner .four.active .b6{-webkit-animation: fadeInUp 1s .8s 1 linear both;animation: fadeInUp 1s .8s 1 linear both;} .wxBanner .five.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .five.active .b2{-webkit-animation: fadeInRight 1s 0.5s 1 linear both;animation: fadeInRight 1s 0.5s 1 linear both;} .wxBanner .five.active .b3{-webkit-animation: fadeInDown 1s 1s 1 linear both;animation: fadeInDown 1s 1s 1 linear both;} .wxBanner .six.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .six.active .b2{-webkit-animation: zoomInDown 1s 0s 1 linear both;animation: zoomInDown 1s 0s 1 linear both;} .wxBanner .six.active .b3{-webkit-animation: zoomInDown 1s 0.5s 1 linear both;animation: zoomInDown 1s 0.5s 1 linear both;} .switchButton.wxSwitchButton span{ top:260px} .banner .bannerList.syBanner{ height:400px;} .switchButton{ height:0px; width:1200px; margin:0 auto; position: relative;} .switchButton span{ display:inline-block;vertical-align:top; width:28px; height:52px; z-index:6; position:absolute; top:105px; cursor:pointer;} .switchButton span.prov{ background: url(../images/arrow2.png) no-repeat 0 0; left:0;} .switchButton span.next{ background: url(../images/arrow2.png) no-repeat -28px 0; right:0;} .banner .bannerList{height:350px;overflow:hidden;position:relative; width:100%; } .banner .bannerList> li .bannerCentent{ position:relative;} .banner .bannerList> li{display:none; text-align:center; color:#fff; font-size:14px; width:100%; height:100%; overflow: hidden;} .banner .bannerList> li.active{ } .banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9; left: 50%\9; margin-left:-75px\9;} .banner .bannerSpot li{display:inline-block;*display:none;width:11px;height:11px;margin-right:8px;border:1px solid #fff;cursor:pointer;border-radius:100%;} .banner .bannerSpot li.active{ background:#fff;} .banner .bannerSpot.syBannerSpot{bottom: 70px;} .banner .developmentDynamics{background:rgba(50, 50, 50, 0.73);background:#000\9;height:50px; position:absolute; bottom:0; left:0; width:100%;} .banner .developmentIcon{ background:url(../images/shouyin_03.png);color:#fff;text-align:center;width:59px;height:20px;line-height:18px;position: absolute; left: -4px;top: 16px; font-size: 12px; padding-right: 5px;} .banner01{ display:none;} @media(max-width:767px){ .banner{ display:none;} .banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;} .navbar-nav .dropdown:hover .uldrop{display:none;} .viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;} .picBox{ padding:0;position:relative;border-radius:3px;} .picBox .next{ float:right;} .piclist{position:relative;width:2232px;left:0;height:100%;} .piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;} .piclist li a{ display:block;} .piclist li img{width:100%; height:auto;} .icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%} .icon_num a{background:#616161;padding:0;height:8px;width:8px;text-align:center;cursor:pointer;margin:0 2px;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.5;border-radius:50%;} .icon_num a:hover,.icon_num .active{background:#d82019;color:#d82019;border-color:#d82019;opacity:0.7;} .swipe{visibility:hidden;position:relative;overflow:hidden} } /*main*/ .hezuo_list {padding:20px 0 60px;} .hezuo_list ul {margin-top: 20px;border-left:1px solid #ccc;border-top:1px solid #ccc;} .hezuo_list li {width:199px;height:70px;overflow: hidden;float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .hezuo_list li img {width:198px;display:block;} .main1{ width:100%; height:auto; overflow:visible;background:#f7f7f7; background-size:auto 100%; padding:40px 0 25px;} .main1_t{width:100%; height:auto; line-height:1; margin:0 auto; padding:20px 0 30px; text-align:center; font-size:36px; color:#d82019;} .main1_t span{ display:block;color:#666;font-weight:100;font-size:14px; margin-top:10px;} .main1_c.index {padding-top:25px;} .main1_c.index .box1 .list-box .list {margin-bottom: 20px;position: relative;display: block;width: 25%;padding: 0 10px;box-sizing: border-box;transition: transform 0.5s;} .main1_c.index .box1 .list-box .list .img-box {position: relative;overflow: hidden;} .main1_c.index .box1 .list-box .list .img-box .img {width: 100%;height: 240px;} .main1_c.index .box1 .list-box .list .img-box .line1 {position: absolute;top: 0;left: 0;width: 100%;height: 4px;background-color: #f5f5f5;} .main1_c.index .box1 .list-box .list .img-box .line2 {position: absolute;top: 0;right: 0;width: 4px;height: 87.5%;background-color: #f5f5f5;} .main1_c.index .box1 .list-box .list .img-box .line3 {position: absolute;bottom: 0;right: 0;width: 100%;height: 4px;background-color: #f5f5f5;} .main1_c.index .box1 .list-box .list .img-box .line4 {position: absolute;bottom: 0;left: 0;width: 4px;height: 87.5%;background-color: #f5f5f5;} .main1_c.index .box1 .list-box .list .text-box {width: 100%;height: 100%;box-sizing: border-box;text-align: center;} .main1_c.index .box1 .list-box .list .text-box h4 { font-size: 20px; color: #333; height: 40px; width: 100%; line-height: 40px; color: #fff; background: #333; opacity: 0.8;} .main1_c.index .box1 .list-box .list .text-box p {display:none;height: 116px;font-size: 14px;line-height: 2.1;color: #404040;overflow: hidden;} .main1_c.index .box1 .list-box .list .text-box .more {display:none;position: absolute;left: 50%;bottom: 50px;width: 200px;height: 30px;margin-left: -100px;border: 1px solid #dfdfdf;border-radius: 24px;line-height: 30px;font-size: 14px;text-align: center;color: #7d7d7d;} @media (min-width: 1025px) { .main1_c.index .box1 .list-box .list:hover .img-box {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4)} } /*.main1_cl{ width:1200px; padding-top: 20px; height:520px; float:left; position:relative; overflow: hidden} .main1_cl .zq_pictureBox {height:440px;max-width:2400px;min-width:710px;overflow: hidden;position:relative;margin:0 auto} .main1_cl .zq_pictures{ width:2400px; overflow:hidden; position:absolute;} .main1_cl ul{ width:1200px; height:440px; float:left; display:inline;} .main1_cl li{ width:285px; height:214px; margin-bottom:10px; position:relative; float:left; margin-right:15px; margin-bottom:10px;} .main1_cl li img{ -webkit-transition:all 0.3s ease; transition: all 0.3s ease; border:4px solid #ddd;} .main1_cl li .txt{ position:absolute;width:100%; font-size:0; text-align: center;top:0;bottom:0;right:0;left:0;} .main1_cl li .txt .title{font-size:21px;color:#fff;display:inline-block;height:auto;line-height: 1.4;vertical-align: middle;background:url(../images/black.6.png) repeat;padding: 10px 5%;} .main1_cl li .txt .line{display:inline-block;vertical-align: middle;height:100%;width:0;} .main1_cl li .box{position:absolute;top:0;bottom:0; left:0;right:0;border:8px #d82019 solid; background:url(../images/black.6.png) repeat; opacity:0;filter:alpha(opacity=0);} .main1_cl li .box .box_bg{display:block;color:#fff; text-align: center;} .main1_cl li .box .tit{font-size:21px; margin:14% 0 5px;color:#fff;} .main1_cl li .box .p{font-size: 16px;padding: 0 17%;line-height: 25px; height:50px; overflow:hidden;} .main1_cl li .box .ico2{width:38px;height:38px;background:url(../images/ico2.png) 0px 0px no-repeat; display:inline-block;margin-top: 15px;} .main1_cl li:hover .box{filter:alpha(opacity=100); opacity:1;} .main1_cl li:hover .txt{opacity:0;filter:alpha(opacity=0);} */ .zq_homeView .zq_imgBox {width:70px; height:70px;margin:0 auto;position:relative; text-align:center; bottom:0px;} .zq_homeView .zq_imgBox .zq_imgs {width:53px;_width:53px; padding:25px 0 0;} .zq_homeView .zq_imgBox .zq_imgs a{width:12px;height:12px;border:1px solid #666;display:inline; float:left;margin:0 4px; background:#666;border-radius:50%;} .zq_homeView .zq_imgBox .zq_imgs a:hover {border:1px solid #d82019; background:#d82019;} .zq_homeView .zq_imgBox .zq_imgs a.currentImg {border:1px solid #d82019; background:#d82019;} .zq_homeView .zq_imgBox .zq_imgs a img {width:130px;height: 50px;display: block} .zq_homeView .zq_imgBox .zq_slides a {display:block;width: 23px;height:23px;position: absolute;top:20px} .zq_homeView .zq_imgBox .zq_slides a span{display: block;width:23px;height:23px;background: url(../images/ico1.png) no-repeat scroll;margin:0} .zq_homeView .zq_imgBox .zq_slides a.zq_slideLeft {left:-35px} .zq_homeView .zq_imgBox .zq_slides a.zq_slideLeft span {background-position:-0px -0px} .zq_homeView .zq_imgBox .zq_slides a.zq_slideRight {right:-25px} .zq_homeView .zq_imgBox .zq_slides a.zq_slideRight span {background-position:-23px -0px} *[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;} *[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;} .rect-75{padding-bottom: 75%;} .transition{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .main1_cr{ float:right; width:475px; height:530px; overflow:hidden; background:#ececec; padding:0;} .pro_r01,.pro_r02,.pro_r03{ width:475px; height:530px; overflow:hidden;} .pro_r01 li,.pro_r02 li,.pro_r03 li{ width:100%; height:530px; position:relative;} .main1_cr h3{ font-size:18px; font-weight:bold; line-height:2; color:#333; padding:0 15px 3px;} .main1_cr h3 a{color:#333;} .main1_crc{ width:100%; height:auto; line-height:1.8; height:112px; overflow:hidden; padding:0 15px 0; font-size:14px; color:#333;} .main1_cr img{ width:100%; height:360px; margin-bottom:12px; border:1px solid #ececec;} .main1_cb{ display:none;} @media(max-width:767px){ .main1{ width:100%; height:auto; overflow:visible;background:#fff; background-size:auto 100%; padding:0.5rem 0 1rem;} .main1_t{width:100%; margin:0 auto; padding:1rem 0 1.5rem; text-align:center; font-size:1.8rem; color:#d82019;} .main1_t span{ display:block;color:#666;font-weight:100;font-size:0.9rem; margin-top:0.5rem; line-height:1.5; padding:0 10px;} .main1_c{ display:none;} .main1_cb{padding-top: 20px; width:100%; height:auto; display:block;} .main1_cb li{ float:left; width:47%; margin:0 1.5% 0.5rem;} .main1_cb li .pic{ display:block; width:100%; height:auto; background:#ddd; padding:2px;} .main1_cb li .pic img{ width:100%; height:auto;} .main1_cb li .box{ width:100%; font-size:0.9rem; line-height:1.5;} .main1_cb li .box a{ display:block; text-align:center; color:#333; padding:.5rem 0 0;} .main1_cb li .box a h3{ display:block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} } .main01{ width:100%; height:auto; background:#FFF; padding:40px 0 50px;} .main01 .w1200{width:75pc; position: relative;} .main01-a{ width:100%; height:auto;} .main01 .main01-bg{background-position:center left;background-repeat:no-repeat;-webkit-transition:all .3s ease;transition:all .3s ease;height:450px;position:relative;overflow: hidden;display: none} .main01 video{display:inline-block;vertical-align:baseline} .main01 .main01-bg video{position:relative;margin-left:0px;} .main01 .main01-bg-r .h3,.main01 .main01-bg-r .h4{ font-weight:700; padding:5px 0 10px;margin:0;} @media (min-width:300px) and (max-width:759px){.main01 .main01-bg{height:450px}} .main01 .main01-bg-r{position:absolute;top:0;right:0;height:100%;width:100%;background:url(../images/mian1_rbg.jpg) no-repeat center;padding:30px 15px; border-left:0px solid #FFF;} .main01 .main01-bg-r .h3{color:#d82019;font-size:2.4286em} .main01 .main01-bg-r .h4{font-size:1.57143em;padding:4px 0 10px;border-bottom:3px solid #d82019;margin-bottom:14px} .main01 .main01-bg-r p{line-height:28px} .main01 .main01-b{position:absolute;left:15px;bottom:5%;color:#7f7f7f;font-size:34px} .main01 .main01-b i{margin:0 7px;cursor:pointer} @media (min-width:450px){ .main01 .main01-bg-r{padding:52px 34px 34px} .main01 .main01-b{left:34px} } @media (min-width:760px){ .main01 .main01-bg-r p{font-size:1pc} .main01 .main01-bg-r{width:400px;max-width:436px;} .main01 .main01-b{left:409px} } @media (min-width:1000px){ .main01 .main01-b{left:578px} } @media (min-width:1200px){ .main01 .main01-b{left:810px} } @media(max-width:767px){ .main01{ width:100%; height:auto; background:#FFF; padding:1.5rem 10px 0; display:none;} .main01 .w1200{width:100%; position:relative;} .main01 .main01-bg video{position: relative;margin-left:0px; margin-top:px; right:0 !important;} .main01 .main01-bg-r{background:rgba(35,45,51,.75); background-image:none;} } .text-right{text-align:right} .bouncein,.fadein,.fadein-bottom,.fadein-left,.fadein-right,.fadein-top,.rotatein{-webkit-animation:1s ease-out backwards;animation:1s ease-out backwards} .bounceout,.fadeout,.fadeout-bottom,.fadeout-left,.fadeout-right,.fadeout-top,.rotateout{-webkit-animation:1s ease-in forwards;animation:1s ease-in forwards} .fadein{-webkit-animation-name:a-fadein;animation-name:a-fadein}@-webkit-keyframes a-fadein{0%{opacity:0}to{opacity:1}}@keyframes a-fadein{0%{opacity:0}to{opacity:1}}.fadein-top{-webkit-animation-name:fadeinT;animation-name:fadeinT}@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.fadein-right{-webkit-animation-name:fadeinR;animation-name:fadeinR}@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeinR{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.fadein-bottom{-webkit-animation-name:fadeinB;animation-name:fadeinB}@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeinB{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}} .fadein-left{-webkit-animation-name:fadeinL !important;animation-name:fadeinL !important;visibility: visible !important;} @-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0)}} @keyframes fadeinL{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}} .fadeout{-webkit-animation-name:a-fadeout;animation-name:a-fadeout}@-webkit-keyframes a-fadeout{0%{opacity:1}to{opacity:0}}@keyframes a-fadeout{0%{opacity:1}to{opacity:0}}.fadeout-top{-webkit-animation-name:fadeoutT;animation-name:fadeoutT}@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100px)}}@keyframes fadeoutT{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}.fadeout-right{-webkit-animation-name:fadeoutR;animation-name:fadeoutR}@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100px)}}@keyframes fadeoutR{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.fadeout-bottom{-webkit-animation-name:fadeoutB;animation-name:fadeoutB}@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100px)}}@keyframes fadeoutB{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.fadeout-left{-webkit-animation-name:fadeoutL;animation-name:fadeoutL}@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100px)}}@keyframes fadeoutL{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;animation-name:a-bounce}@-webkit-keyframes a-bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes a-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bouncein{-webkit-animation-name:a-bouncein;animation-name:a-bouncein}@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}to{-webkit-transform:scale(1)}}@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}to{transform:scale(1)}}.bounceout{-webkit-animation-name:a-bounceout;animation-name:a-bounceout}@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(0.3)}}@keyframes a-bounceout{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(0.3)}}.rotatein{-webkit-animation-name:a-rotatein;animation-name:a-rotatein}@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg)}to{opacity:1;-webkit-transform:rotate(0)}}@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}.rotateout{-webkit-animation-name:a-rotateout;animation-name:a-rotateout}@-webkit-keyframes a-rotateout{0%{-webkit-transform:rotate(0);opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(200deg);opacity:0}}@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}.flash,.flash-hover:hover{-webkit-animation-name:a-flash;animation-name:a-flash}@-webkit-keyframes a-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes a-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.shake,.shake-hover:hover{-webkit-animation-name:a-shake;animation-name:a-shake}@-webkit-keyframes a-shake{0%,to{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes a-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.swing,.swing-hover:hover{-webkit-animation-name:a-swing;animation-name:a-swing}@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(0)}}@keyframes a-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;animation-name:a-wobble}@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-50px) rotate(-5deg)}30%{-webkit-transform:translateX(40px) rotate(3deg)}45%{-webkit-transform:translateX(-33px) rotate(-3deg)}60%{-webkit-transform:translateX(10px) rotate(2deg)}75%{-webkit-transform:translateX(-10px) rotate(-1deg)}to{-webkit-transform:translateX(0)}}@keyframes a-wobble{0%{transform:translateX(0)}15%{transform:translateX(-50px) rotate(-5deg)}30%{transform:translateX(40px) rotate(3deg)}45%{transform:translateX(-33px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-10px) rotate(-1deg)}to{transform:translateX(0)}}.ring,.ring-hover:hover{-webkit-animation-name:a-ring;animation-name:a-ring}@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0)}}@keyframes a-ring{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;animation-name:a-rotate}@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes a-rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}} .button.border-white, .pager-next.border-white, .pager-prev.border-white, .pager.border-white a, .text-white, a.text-white:link, a.text-white:visited, blockquote.border-white{ color:#FFF;} [class*=icon-]:before{display:inline-block;font-family:FontAwesome;font-weight:400;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .main2{height:auto;background-color:#f3f3f3; overflow:hidden; padding:40px 0 50px;} .main2_tit{width:100%; margin:0 auto; padding:20px 0; text-align:center;} .main2_tit span{ display:block;color:#d82019;font-weight:100;font-size:36px;} .main2_con{ width:100%; height:auto; padding-top:10px;} .main2_ct{ text-align:center; font-size:16px; line-height:1.4; letter-spacing:5px; margin-top:10px;} .main2_ct.main2_ct1{ font-size:24px; font-weight:100; line-height:1; margin-top:5px; letter-spacing:0;} .main2_con ul{ width:1230px; height:250px; padding-top:30px;} .main2_con ul li{ margin-right:30px; width:175px; height:auto; float:left;text-align:center;} .main2_con ul li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative; color:#666;} .main2_con ul li .ico110{width:139px;height:149px; display:inline-block;vertical-align:middle; position:relative;} .main2_con ul li .ico110 .ico_1{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;} .main2_con ul li .ico110 .ico_2{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 50ms; opacity:0} .main2_con ul li .ico110 img{ max-width:100%; height:auto;} .main2_con ul li:hover .ico110 .ico_1{opacity:0;transform: rotateY(180deg); z-index:1;} .main2_con ul li:hover .ico110 .ico_2{opacity:1;transform: rotateY(360deg); z-index:2;} .main2_con ul li a img{width:100%;height:100%;transition:.8s;-webkit-transition: .8s;} .main2_con ul li .txt{font-size:18px; line-height:1.5; color:#333; margin:15px 0 0; font-weight:bold;} .main2_con ul li span{ display:block; font-size:14px; line-height:28px; color:#676767;} .main2_con ul li a:hover{ color:#d82019;} .main2_con .dllist{ width:100%; height:auto; padding-top:35px;} .main2_con .dllist>div{width:100%; height:auto;background:url(../images/bg.jpg);} .main2_con .dllist dl{ position:relative; margin:0 auto; height:242px; width:1200px; padding:30px; overflow:visible;} .main2_con .dllist dt{ float:left; width:306px; height:182px; overflow:hidden; background:none; font-size:26px; text-align:center; line-height:48px; font-weight:700; padding:0; color:#fff; border-right:1px solid #fff;} .main2_con .dllist dt span{ display:block; width:305px; height:181px; border:0px solid #d1d1d1; padding-top:35px;} .main2_con .dllist dd{float:right; width:785px; overflow:hidden; margin-top:-2px;} .main2_con .dllist dd .title{ height:58px; overflow:hidden; font:24px/58px "Microsoft Yahei"; color:#2d3e50; } .main2_con .dllist dd .title img{padding-right: 10px; float: left; width:78px; height: 58px; } .main2_con .dllist dd .title a{ color:#fff;} .main2_con .dllist dd .title i{ display: inline-block; padding-left:10px; font:13px/58px "Microsoft Yahei"; color: #fff;} .main2_con .dllist dd span{ display:block;margin-top:7px; font:15px/28px "Microsoft Yahei"; color: #fff; height:50px; overflow:hidden;} .main2_con .dllist dd .dltel{ display:block; margin:17px 0 0; padding:0 10px 0 40px; width:353px; height:50px; font:16px/50px "Microsoft Yahei";background: url(../images/ico_tel.png) no-repeat 0 50%; color:#fff;} .main2_con .dllist dd .dltel b{ font-size:20px; font-weight:normal; color:#fff;} .main2_con .dllist dd .dltel a{ color:#676767;} .main2_con .dllist dl .fw_ic1{position:absolute; left:72px; top:-14px; z-index:999;} .main2_con .dllist dl .fw_ic2{position:absolute; left:278px; top:-14px; z-index:999;} .main2_con .dllist dl .fw_ic3{position:absolute; left:484px; top:-14px; z-index:999;} .main2_con .dllist dl .fw_ic4{position:absolute; left:690px; top:-14px; z-index:999;} .main2_con .dllist dl .fw_ic5{position:absolute; left:896px; top:-14px; z-index:999;} .main2_con .dllist dl .fw_ic6{position:absolute; left:1102px; top:-14px; z-index:999;} @media(max-width:767px){ .main2{height:auto;background-color:#f3f3f3; overflow:hidden; padding:1rem 0;} .main2_tit{width:100%; margin:0 auto; padding:0.5rem 0; text-align:center;} .main2_tit span{ display:block;color:#d82019;font-weight:100;font-size:1.8rem;} .main2_con{ width:100%; height:auto; padding-top:0.2rem;} .main2_ct{ text-align:center; font-size:0.9rem; line-height:1.4; letter-spacing:5px; padding:0 10px;} .main2_ct.main2_ct1{ font-size:1.2rem; font-weight:100; line-height:1; padding:0; margin:0 0 0.5rem; letter-spacing:0;} .main2_con ul{ width:100%; height:auto; padding:1rem 5px 0;} .main2_con ul li{ margin:0; margin-bottom: 15px; width:31.3333%; height:auto; float:left;text-align:center;} .main2_con ul li a{ display:block; width:100%; height:auto; overflow:hidden; position:relative; color:#666;} .main2_con ul li .ico110{width:100%;height: 120px;display:inline-block;vertical-align:middle; position:relative;} .main2_con ul li .ico110 .ico_1{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;} .main2_con ul li .ico110 .ico_2{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 50ms; opacity:0} .main2_con ul li .ico110 img{ max-width:80%; height:auto;} .main2_con ul li:hover .ico110 .ico_1{opacity:0;transform: rotateY(180deg); z-index:1;} .main2_con ul li:hover .ico110 .ico_2{opacity:0;transform: rotateY(360deg); z-index:2;} .main2_con ul li .txt{font-size:1rem; line-height:1.5; color:#333; margin:0.5rem 0 0; font-weight:bold;} .main2_con ul li span{ display:block; font-size:0.8rem; line-height:1.4; height:2.5rem; color:#676767;} .main2_con ul li a:hover{ color:inherit;} .main2_con ul li.hover .ico110 .ico_1{opacity:0;transform: rotateY(180deg); z-index:1;} .main2_con ul li.hover .ico110 .ico_2{opacity:1;transform: rotateY(360deg); z-index:2;} .main2_con .dllist{ width:100%; height:auto; padding-top:1.5rem;} .main2_con .dllist>div{width:100%; height:auto;background:#d82019;} .main2_con .dllist dl{ position:relative; margin:0 auto; height:auto; width:100%; padding:1rem 10px; overflow:visible;} .main2_con .dllist dt{ display:none; float:left; width:306px; height:182px; overflow:hidden; background:none; font-size:26px; text-align:center; line-height:48px; font-weight:700; padding:0; color:#fff; border-right:1px solid #15ddf6;} .main2_con .dllist dd{float:none; width:100%; overflow:hidden; margin-top:-2px;} .main2_con .dllist dd .title{ height:38px; overflow:hidden; font:1.1rem/38px "Microsoft Yahei"; color:#2d3e50; } .main2_con .dllist dd .title img{padding-right:5px; float:left; width:auto; height:38px; } .main2_con .dllist dd .title a{ color:#fff;} .main2_con .dllist dd .title i{ display: inline-block; padding-left:10px; font:0.7rem/38px "Microsoft Yahei"; color: #fff;} .main2_con .dllist dd span{ display:block;margin-top:7px; font:0.85rem/1.8 "Microsoft Yahei"; color: #fff; height:auto; overflow:hidden;} .main2_con .dllist dd .dltel{ display:block; margin-top:17px; padding:0 10px 0 40px; width:353px; height:50px; font:0.9rem/50px "Microsoft Yahei";background: url(../images/ico_tel.png) no-repeat 0 50%; color:#fff;} .main2_con .dllist dd .dltel b{ font-size:1.2rem; font-weight:normal; color:#fff;} .main2_con .dllist dd .dltel a{ color:#676767;} .main2_con .dllist dl .fw_ic1{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic2{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic3{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic4{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic5{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic6{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic7{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} .main2_con .dllist dl .fw_ic8{position:absolute; left:50%; top:-14px; margin-left:-15px; z-index:999;} } .main5{ width:100%; height:auto;} .main5_con{ width:100%; max-width:1920px; position:relative;} .main5_con ul{ width:100%; height:375px; overflow:hidden;} .main5_con ul li{ width:100%; height:375px; float:left;} .main5_con ul li .info{ float:left; width:50%; height:375px; background:url(../images/main5_l.jpg) no-repeat center;} .main5_con ul li .info .info_c{ width:75%; position:relative; top:58px; left:13%; margin:0;} .main5_con ul li .info .txt{ font-size:20px; color:#FFF; font-weight:700;} .main5_con ul li .info span{ font-size:16px; color:#FFF; display:block; line-height:2; margin-top:30px; text-indent:2em;} .main5_con ul li .info .info_c a{ display:inline-block; color:#FFF; margin-top:20px; width:120px; line-height:34px; border:1px solid #FFF; text-align:center; font-size:14px;} .main5_con ul li .info .info_c a:hover{ background:#FFF; color:#d82019;} .main5_con ul li .pic{ width:50%; height:375px; float:right;} .main5_con ul li .pic img{ display:none;} .main5_con>a{width:40px;height:375px;background-color: rgba(255,255,255,0.2);position:absolute; top:0;display: none\0; *display: none;opacity:0;-moz-opacity:0;-khtml-opacity: 0;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;} .main5_con>a i{ display:block;background: url(../images/arrow1.png) no-repeat;position: absolute;left:50%;top:50%;margin-left:-10px;margin-top:-18px;width: 20px;height:36px;z-index:100;} .main5_con:hover>a{ display:block;display:block\0;*display: block;opacity: 1;-moz-opacity:1;-khtml-opacity:1;} .main5_con>a.sNext i{background-position:0px 0;} .main5_con>a.sPrev i{background-position:0 -36px;} .main5_con>a.sNext{ right:0;} .main5_con>a.sPrev{ left:0;} @media(max-width:767px){ .main5{ width:100%; height:auto; display:none;} .main5_con{ width:100%; max-width:640px; position:relative;} .main5_con ul{ width:100%; height:auto; overflow:hidden;} .main5_con ul li{ width:100%; height:auto; float:left;} .main5_con ul li .info{ float:left; width:100%; height:300px; background:url(../images/main5_l.jpg) no-repeat center;} .main5_con ul li .info .info_c{ width:90%; position:relative; top:1.5rem; left:5%; margin:0;} .main5_con ul li .info .txt{ font-size:1.2rem; color:#FFF; font-weight:700;} .main5_con ul li .info span{ font-size:0.9rem; color:#FFF; display:block; line-height:1.6; margin-top:1rem; text-indent:2em;} .main5_con ul li .info .info_c a{ display:inline-block; color:#FFF; margin-top:20px; width:120px; line-height:34px; border:1px solid #FFF; text-align:center; font-size:14px;} .main5_con ul li .info .info_c a:hover{ background:#FFF; color:#d82019;} .main5_con ul li .pic{ width:100%; height:auto; float:right; background:none !important;} .main5_con ul li .pic img{ display:block; max-width:100%; height:auto;} .main5_con>a{width:40px;height:60px;position:absolute; top:270px;display:block\0;*display:block;opacity:1;-moz-opacity:1;-khtml-opacity:1;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;} .main5_con>a i{ display:block;background: url(../images/arrow1.png) no-repeat;position: absolute;left:50%;top:50%;margin-left:-10px;margin-top:-18px;width: 20px;height:36px;z-index:100;} .main5_con:hover>a{ display:block;display:block\0;*display: block;opacity: 1;-moz-opacity:1;-khtml-opacity:1;} .main5_con>a.sNext i{background-position:0px 0;} .main5_con>a.sPrev i{background-position:0 -36px;} .main5_con>a.sNext{ right:0;} .main5_con>a.sPrev{ left:0;} } .main3{ width:100%; height:auto; padding:40px 0 50px; background:#fff;} .main3_t{width:100%; margin:0 auto; padding:20px 0;} .main3_t .main3_tl{float:left;width:475px;text-align:right;line-height:10px;color:#616161;} .main3_t .main3_tl i{color: #616161;font-size: 14px;line-height: 20px;display: block;font-style: normal;} .main3_t span{display: inline-block;padding-top: 6px;float:right;color:#d82019;font-weight:bold;font-size:46px;width:710px;} .main3_c{ width:100%; height:auto; padding:20px 0 0;} .main3_cl{ } .main3_cl ul{ width:100%; height:auto;} .main3_cl ul li{ width:48%; float:left;padding:18px 0; border-bottom:1px solid #dfdfdf;margin-right: 2%} .main3_cl ul li:last-child{} .main3_cl ul li .pic{ float:left;width:180px;height:100px;overflow: hidden;} .main3_cl ul li .pic img{width:100%;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition: All .4s ease-in-out;} .main3_cl ul li .pic:hover img{ transform: sale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1)} .main3_cl ul li .info{ padding:5px 0 0;} .main3_cl ul li .info .tit{ float:left; width:100%;font-size:17px;height:auto;font-weight:700;line-height:26px;margin-bottom:12px;position:relative;} .main3_cl ul li .info .tit i{ float:left; display:inline-block;font-size:12px;color:#fff;background-color:#d82019;padding:7px 10px;border-radius:3px;margin-right:10px; font-weight:400; font-style:normal; line-height:1;} .main3_cl ul li .info .tit small{ float:right; display:inline-block;font-size:12px;color:#fff;background-color:#d82019;padding:7px 10px;border-radius:3px;font-weight:100; font-style:normal; line-height:1;} .main3_cl ul li .info .tit a{ float:left; display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .main3_cl ul li .info span{ float:left; width:100%; font-size:13px;line-height:28px;height:56px;overflow: hidden} .main3_cr{ float:right; width:510px; height:auto; } .main3_cr img{ width:100%; } .main3_cr ul{ width:100%; padding:10px 10px 9px; background:#eaeaea;} .main3_cr ul li{ width:100%; height:auto; float:left;} .main3_cr ul li a{ float:left; padding-left:15px; background:url(../images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .main3_cr ul li.more{ text-align:left; height:32px;} .main3_cr ul li.more a{ float:none; padding:0; background:none; font-size:13px; color:#222;} .main3_cr ul li a:hover{ color:#d82019;} @media(max-width:767px){ .main3{ width:100%; height:auto; background:#fff; padding:0.5rem 0 1.5rem;} .main3_t{ margin:0 auto; padding:1rem 0 0rem;} .main3_t .main3_tl{ display:none;} .main3_t span{ display:block; float:none;color:#d82019;font-weight:400;font-size:1.8rem; width:100%; text-align:center;} .main3_t em{ font-size:0.9rem; color:#888; margin-top:0.4rem; text-align:center; font-style:normal; display:block;} .main3_c{ width:100%; height:auto; padding:1rem 10px 0;} .main3_cl{ float:left; width:100%;} .main3_cl ul{ width:100%; height:auto;} .main3_cl ul li{ width:100%; float:left;padding:18px 0; border-bottom:1px solid #dfdfdf;} .main3_cl ul li .pic{ float:left;width:100%;height:auto;margin-bottom:10px;overflow: hidden; } .main3.syxw ul li .pic{display:none;} .main3_cl ul li .pic img{width:100%;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition: All .4s ease-in-out;} .main3_cl ul li .pic:hover img{ transform: sale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1)} .main3_cl ul li .info{ float:right; width:100%; padding:0 0 0;} .main3_cl ul li .info .tit{ float:left; width:100%;font-size:1rem;height:auto;font-weight:700;line-height:26px;margin-bottom:12px;position:relative;} .main3.syxw ul li .info .tit i{display:none;} .main3.syxw ul li .info .tit small{display:none;} .main3_cl ul li .info .tit em{ float:left; display:inline-block;font-size:0.8rem;color:#fff;background-color:#d82019;padding:7px 10px;border-radius:3px;margin-right:10px;font-weight:100; font-style:normal; line-height:1; display:none;} .main3_cl ul li .info .tit a{ float:left;display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .main3_cl ul li .info span{ float:left; width:100%; font-size:0.8rem;line-height:1.8;height:auto;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .main3_cr{ float:right; width:100%; height:auto; padding:18px 0 0; display:none;} .main3_cr img{ width:100%; height:auto;} .main3_cr ul{ width:100%; padding:10px 10px 9px; background:#eaeaea;} .main3_cr ul li{ width:100%; height:auto; float:left;} .main3_cr ul li a{ float:left; padding-left:15px; background:url(../images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .main3_cr ul li.more{ text-align:left; height:32px;} .main3_cr ul li.more a{ float:none; padding:0; background:none; font-size:13px; color:#222;} .main3_cr ul li a:hover{ color:#d82019;} } .main4{ width:100%; height:auto; padding:40px 0 50px; background:#f5f5f5;} .main4_t{width:100%; margin:0 auto; padding:20px 0;} .main4_t .main4_tl{float:left;width:475px;text-align:right;line-height:10px;color:#616161;} .main4_t .main4_tl i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 15px 0;text-transform: uppercase; display:block; font-style:normal;} .main4_t span{ display:block; float:right;color:#d82019;font-weight:bold;font-size:46px; width:710px;} .main4_con{ width:100%; height:auto; padding-top:20px;} .hz_partner{ margin:10px 0 0 0; height:73px; overflow: hidden; width:1195px; border-top:1px solid #dedede; border-left:1px solid #dedede; margin:0 auto;} .hz_partner li{ float:left; width:199px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; height:71px; text-align:center; position:relative; cursor:pointer;} .hz_partner li>div{ background:#fff;} .hzjpa{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;} .hzjpa img{ max-width:100%; height:auto;} .hzjpb{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 10ms; opacity:0} .hzjpb img{ max-width:100%; height:auto; margin-top:5px;} .hz_partner li:hover .hzjpa{opacity:0;transform: rotateY(180deg); z-index:1;} .hz_partner li:hover .hzjpb{opacity:1;transform: rotateY(360deg); z-index:2;} @media(max-width:767px){ .main4{ display:none;} } /*footer*/ .footer_bgs{ width:100%; height:auto; min-height:269px; background:#d82019; color:#eee; font-size:14px; padding:0; position:relative;} .footer_bgs>.arrow{position:absolute;top:-18px;left:50%; border-radius:25px; background-color:#d82019; width:50px; margin-left:-25px; height:50px; font-size:13px; line-height:28px;color:#fff;cursor:pointer; text-align:center;} .footer_bgs>.arrow a{color:#cff4f8; font-weight:normal;} .foot_tops{max-width:1200px;margin: 0 auto;position: relative; background:url(../images/footer_floor.png) no-repeat center bottom;} .foot_tops{ padding:40px 0 24px;} .foot_tops .foot_t{ padding-bottom:20px;} .foot_tops .foot_t_l{float:right;} .foot_tops .foot_t_l dl{float:left;width:120px;margin-left:38px;} .foot_tops .foot_t_l dl.f_contact{margin-right:0; width:210px;} .foot_tops .foot_t_l dl dt a,.foot_tops .foot_t_l dl dt span{margin-bottom:8px;color:#fff; padding-bottom:12px;font-size:16px; display:block; font-weight:normal; background:url(../images/f_nav_ii.gif) repeat-x bottom;} .foot_tops .foot_t_l dl dd{ margin-bottom:8px} .foot_tops .foot_t_l dl dd a{display:block;color:#eee; font-size:14px; line-height:20px;} .foot_tops .foot_t_l dl dd a:hover{ color:#42d6e8;} .foot_tops .foot_t_l dl.f_contact dd{ line-height:28px;color:#eee; font-size:14px;} .foot_tops .foot_t_r{float:left; color:#eee;} .foot_tops .foot_t_r .foot_tel{ font-size:20px;line-height:38px;padding-bottom:10px;} .foot_tops .foot_t_r .foot_tel span{ display:block; font-size:36px;padding-top:5px;} .foot_tops .foot_t_r .foot_tel em{ display:block; font-style:normal; font-size:14px;} .foot_tops .foot_t_r .qcrode div{width:50%;float:left;padding:10px;} .foot_tops .foot_t_r .qcrode div p{text-align:center;line-height:30px;} .flink{ text-align:left; padding:0; font-size:12px; line-height:24px;color:#999; width:1200px; margin:0 auto; text-align:center;} .flink span{ color:#cfcfcf; display:inline-block;} .flink a{ color:#cfcfcf; display:inline-block; margin:0 5px;} .flink a:hover{ color:#bbb;} .copyright{ height:auto;color:#fff; font-size:14px; padding:15px 0 5px; width:1200px; margin:0 auto; text-align:center;border-top:1px solid #fff;} .copyright a{color:#fff;} .copyright a:hover{color:#42d6e8;} /*���ض���*/ .toTop{ cursor:pointer; display:none; position:fixed; right:45px; bottom:8%; width:70px; height:70px; background:url(../images/top.png) no-repeat center top; z-index:1000;} .index_foot,.copyright1{ display:none;} @media(max-width:767px){ .footer_bgs,.toTop{ display:none !important;} .copyright1{ display:block; color:#333; padding:1rem 10px; line-height:1.8; text-align:center;} .fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;} .bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;} .bdsharebuttonbox a{ float:right;} .index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:10%;} .app_con{height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;} #fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; margin:0 auto;display: inline-block;background:#d82019;} #fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; } #fixed-foot .h_btn .f_mess{background-attachment: scroll; background-clip: border-box;background: url(../images/mess.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;} #fixed-foot .h_btn .f_ly{background-attachment: scroll; background-clip: border-box;background: url(../images/h_ly.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;} #fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;} #fixed-foot .h_btn .f_kf{background-attachment: scroll; background-clip: border-box;background: url(../images/h_map.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;} #fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;} #fixed-foot .h_btn a{ cursor:pointer; border-left: 1px dotted #EEE;border-right: 1px dotted #333; display:block; color:#FFFFFF;float: left; padding:5% 0 0; font-weight:bold; text-align: center;width:25%;} #fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;} } .inbanner{ height:300px; width:100%; position:relative; z-index:0;} .inbanner img{ width:1920px; height:300px; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;} @media(max-width:767px){ .inbanner{ height:200px; width:100%; position:relative;} .inbanner img{ width:768px; height:200px; position:absolute; top:0; left:50%; margin-left:-384px;} .email_top{ width:100%; background:#eee;height:44px;display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;border-bottom:1px solid rgba(163,163,163,0.3);} .email_top_l{} } /*content*/ .news_list{ height:974px;} .news_list .con{ overflow:visible; width:1200px; margin:0 auto;} .news_list .title{ height:1px; text-align:center; position:relative; padding:80px 0 30px; font-size:40px; color:#000; background:url(../images/title1.png) no-repeat center center;line-height:1;} .news_list .title span{ display:block; position:relative; top:-40px; color:#d82019;} .news_list .news_top{ text-align:center;} .news_list .news_top h2{ display:inline-block; width:160px; height:40px; text-align:center; line-height:40px; font-size:16px; background:url(../images/news_01.png) no-repeat; margin:0 15px; color:#fff; font-weight:bold; cursor:pointer;} .news_list .news_top h2.a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); color:#fff;} .news_list .news_top a{ display:block; color:#fff;} .news_list .news_top h2:hover a{ color:#fff;} .pageTitle{ display:none;} @media(max-width:767px){ .news_list{ height:auto; background:#FFF;} .news_list .con{ overflow:visible; width:100%; margin:0 auto;} .news_list .title{ height:1px; text-align:center; position:relative; padding:4rem 0 1rem; font-size:1.5rem; color:#000; background:none;} .news_list .title span{ display:block; position:relative; top:-40px; color:#d82019;} .news_list .news_top{ text-align:center;} .news_list .news_top h2{ display:inline-block; float:left; width:31.333%; height:40px; text-align:center; line-height:40px; font-size:0.95rem; background:#d82019; margin:0 1%; color:#fff; font-weight:bold;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .news_list .news_top h2.a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter:grayscale(1); color:#fff;} .news_list .news_top a{ display:block;} .news_list .news_top h2:hover a{ color:#fff;} .pageTitle{ display:block;height:35px;padding-left:10px; width:100%; border-bottom:1px solid #e5e5e5; font-size:14px; color:#333;} .pageTitle .name{max-width:170px;height:34px;line-height:34px;float:left;overflow:hidden;word-wrap:break-word;word-break:break-all; color:#000;} .pageTitle .titleBar{height:25px;line-height:23px;padding:0 10px;margin:4px 5px 0 0;text-align:left;float:right;vertical-align:top;border:1px solid rgba(163,163,163,0.5);-webkit-border-radius:3px;border-radius:3px;} .pageTitle .titleBar i{font-size:13px;font-weight:normal;display:inline-block;vertical-align:top;margin:0 0 0 0; font-style:normal; line-height:23px;} .pageTitle .titleBar .title{max-width:70px;height:23px;overflow:hidden;word-wrap:break-word;word-break:break-all;} .pageTitle .titleBar .icon{width:0;height:0;margin:8px 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000000!important;} } .news_list .news_box{ width:100%; position:relative; overflow:hidden; height:800px;} .news_list .divBox{ position:absolute; top:0; left:0; background:#fff; width:100%;} .news_list .divBox .nList .divNews{ position:absolute; left:0; top:0; width:4800px;} .news_list .divBox .nList .newsList{ width:1200px; float:left;} .news_list .divBox .nList .newslistTop{ padding-top:7px;} .news_list .divBox .nList .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:360px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;} .news_list .divBox .nList .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/news_02.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px; vertical-align:middle;} .news_list .divBox .nList .newslistTop .prev_next .more span{ float:left;} .news_list .divBox .nList .newslistTop .prev_next .more i{ font-style:normal; font-size:22px; float:left; display:inline-block; text-indent:0; line-height:36px; margin-left:5px;} .news_list .divBox .nList .newslistTop .prev_next .more:hover{ color:#ff7a2d;} .news_list .divBox .nList .newslistTop .btn_prev,.news_list .divBox .nList .newslistTop .btn_next{ display:inline-block; width:50px; height:50px;} .news_list .divBox .nList .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;} .news_list .divBox .nList .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;} .news_list .divBox .nList .newslistTop .div{ border-bottom:#f3f3f3 1px solid;} .news_list .divBox .nList .newsTop{ width:100%; height:279px;background: #eef7ff; border:1px solid #dce8f2;padding:22px 22px 0 22px; margin:30px 0 10px;} .news_list .divBox .nList .newsTop dl{ overflow:hidden; width:100%; float:left; margin-right:120px;} .news_list .divBox .nList .newsTop dl dt{ float:left; width:450px; height:233px; overflow:hidden;} .news_list .divBox .nList .newsTop dl dt img{ width:100%; height:100%; border:1px solid #ddd;} .news_list .divBox .nList .newsTop dl dd{ float: right; padding: 0 10px 0 0; width:680px; overflow: hidden;} .news_list .divBox .nList .newsTop dl dd h3{margin:22px auto 20px; font:18px/30px "Microsoft Yahei";} .news_list .divBox .nList .newsTop dl dd h3 a{color:#d82019;} .news_list .divBox .nList .newsTop dl dd h3 i{ height: 28px; margin-right: 10px; border: 1px solid #d82019; text-align: center; width: 84px; display: block; float: left; font:20px/28px "Microsoft Yahei"; color:#d82019;} .news_list .divBox .nList .newsTop dl dd p{ color: #787878;font:14px/25px "Microsoft Yahei";} .news_list .divBox .nList .newsTop dl dd .more{margin:30px 0 0; display: block; background:none; width:100px; text-align:center; height:36x;font:14px/34px "Microsoft Yahei"; } .news_list .divBox .nList .newsTop dl dd .more a{ display:block; width:100px; height:36px; border:1px #8b8b8b solid; text-align:center; position:relative;} .news_list .divBox .nList .newsTop dl dd .more a span{ position:relative; display:block; z-index:999; text-transform:uppercase; font-size:14px; color:#8b8b8b; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;} .news_list .divBox .nList .newsTop dl dd .more a b{ position:absolute; width:0; height:40px; background:#8b8b8b; left:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; z-index:90;} .news_list .divBox .nList .newsTop dl dd .more a i{ position:absolute; width:0; height:40px; background:#8b8b8b; right:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; z-index:90;} .news_list .divBox .nList .newsTop dl dd .more a:hover b,.news_list .divBox .nList .newsTop dl dd .more a:hover i{ width:70px;} .news_list .divBox .nList .newsTop dl dd .more a:hover span{ color:#fff;} .news_list .divBox .nList .NewsTopBan ul{ padding-bottom:35px;} .news_list .divBox .nList .NewsTopBan ul li{ cursor:pointer; width:575px; margin-right:50px; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:20px 0;} .news_list .divBox .nList .NewsTopBan ul li .date{ float:left; width:100px; height:86px; background:url(../images/a.jpg) right center no-repeat; margin-right:20px;} .news_list .divBox .nList .NewsTopBan ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;} .news_list .divBox .nList .NewsTopBan ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;} .news_list .divBox .nList .NewsTopBan ul li .info{ float:right; width:455px; padding-top:5px;} .news_list .divBox .nList .NewsTopBan ul li .info h3{ width:100%; padding-bottom:10px; font-weight:700;} .news_list .divBox .nList .NewsTopBan ul li .info h3 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .news_list .divBox .nList .NewsTopBan ul li .info span{ display:block;color:#808080;font-size:14px; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;} .news_list .divBox .nList .NewsTopBan ul li .info h3 a:hover{ color:#d82019;} @media(max-width:767px){ .news_list .news_box{ width:100%; position:relative; overflow:hidden; height:74rem;} .news_list .divBox .nList .divNews{ position:absolute; left:0; top:0; width:4800px;} .news_list .divBox .nList .newsList{ width:auto; float:left;} .news_list .divBox .nList .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:360px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;} .news_list .divBox .nList .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:0.9rem; background:url(../images/news_02.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px; vertical-align:middle;} .news_list .divBox .nList .newslistTop .prev_next .more span{ float:left;} .news_list .divBox .nList .newslistTop .prev_next .more i{ font-style:normal; font-size:1rem; float:left; display:inline-block; text-indent:0; line-height:38px; margin-left:5px;} .news_list .divBox .nList .newslistTop .prev_next .more:hover{ color:#ff7a2d;} .news_list .divBox .nList .newslistTop .btn_prev,.news_list .divBox .nList .newslistTop .btn_next{ display:inline-block; width:50px; height:50px; display:none;} .news_list .divBox .nList .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left;} .news_list .divBox .nList .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;} .news_list .divBox .nList .newslistTop .div{ border-bottom:#f3f3f3 1px solid;} .news_list .divBox .nList .newsTop{ width:100%; height:auto;background:#eef7ff; border:1px solid #dce8f2;padding:15px 10px; margin:1.5rem 0 0;} .news_list .divBox .nList .newsTop dl{ overflow:hidden; width:100%; float:none; margin-right:0;} .news_list .divBox .nList .newsTop dl dt{ float:left; width:100%; height:auto; overflow:hidden;} .news_list .divBox .nList .newsTop dl dt img{ width:100%; height:100%; border:1px solid #ddd;} .news_list .divBox .nList .newsTop dl dd{ float: right; padding:0; width:100%; overflow: hidden;} .news_list .divBox .nList .newsTop dl dd h3{margin:1rem auto 0.8rem; font:1rem/1.8 "Microsoft Yahei";} .news_list .divBox .nList .newsTop dl dd h3 a{color:#d82019; display:inline-block; max-width:76%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis} .news_list .divBox .nList .newsTop dl dd h3 i{ height:28px; margin-right:10px; border:1px solid #d82019; text-align: center; width:64px; display: block; float: left; font:0.9rem/1.8 "Microsoft Yahei"; color:#d82019;} .news_list .divBox .nList .newsTop dl dd p{ color: #787878;font:0.85rem/1.8 "Microsoft Yahei";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;} .news_list .divBox .nList .newsTop dl dd .more{margin:0.8rem 0 0; display: block; background:none; width:100px; text-align:center; height:36px;font:0.85rem/36px "Microsoft Yahei"; } .news_list .divBox .nList .newsTop dl dd .more a{ display:block; width:100px; height:36px; border:1px #8b8b8b solid; text-align:center; position:relative;} .news_list .divBox .nList .newsTop dl dd .more a span{ position:relative; display:block; z-index:999; text-transform:uppercase; font-size:14px; color:#8b8b8b; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;} .news_list .divBox .nList .newsTop dl dd .more a b{ position:absolute; width:0; height:40px; background:#8b8b8b; left:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; z-index:90;} .news_list .divBox .nList .newsTop dl dd .more a i{ position:absolute; width:0; height:40px; background:#8b8b8b; right:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; z-index:90;} .news_list .divBox .nList .newsTop dl dd .more a:hover b,.news_list .divBox .nList .newsTop dl dd .more a:hover i{ width:70px;} .news_list .divBox .nList .newsTop dl dd .more a:hover span{ color:#fff;} .news_list .divBox .nList .NewsTopBan.NewsTopBan2{ display:none;} .news_list .divBox .nList .NewsTopBan ul{ padding:0 10px 35px;} .news_list .divBox .nList .NewsTopBan ul li{ cursor:pointer; width:100%; margin-right:0; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0.8rem 0;} .news_list .divBox .nList .NewsTopBan ul li .date{ float:left; width:100px; height:86px; background:url(../images/a.jpg) right center no-repeat; margin-right:20px; display:none;} .news_list .divBox .nList .NewsTopBan ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;} .news_list .divBox .nList .NewsTopBan ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;} .news_list .divBox .nList .NewsTopBan ul li .info{ float:right; width:100%; padding-top:5px;} .news_list .divBox .nList .NewsTopBan ul li .info h3{ width:100%; padding-bottom:0.5rem; font-weight:700;} .news_list .divBox .nList .NewsTopBan ul li .info h3 a{font-size:1rem;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .news_list .divBox .nList .NewsTopBan ul li .info span{ display:block;color:#808080;font-size:0.85rem; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;} .news_list .divBox .nList .NewsTopBan ul li .info h3 a:hover{ color:#d82019;} } .baike{ width:100%; height:auto; padding:0 0 50px; background:#ecedf1} .baike_tit{ position:relative;} .baike_tit h2{margin:56px auto 5px; height:51px; padding-left: 30px; width:1200px; overflow: hidden; background:url(../images/title2.jpg) no-repeat center top;} .baike_tit h2 b{ float:left; width:151px; text-align: center;display: block; font:26px/35px "Microsoft Yahei"; color: #313131; padding-top:5px;} .baike_tit h2 i{margin-top:20px; float: left; font:24px/50px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; padding:0 15px 0 15px; color: #acacac;} .baike_tit h2 i a{ color: #acacac;} .baike_tit h2 span{ margin:20px 0 0 10px; padding-left:18px; float: left; background:url(../images/new_ic.gif) no-repeat left 10px; font:14px/30px "Microsoft Yahei";color: #2d3e50;} .baike_tit h2 span a{color: #2d3e50;} .baike_tit .more{position:absolute;right: 0px; top:5px; background:#ecedf1; padding:0 0 0 12px;} .baike_tit .more a{ color:#333; font-size:14px;} .baike_con{ width:100%; height:auto; padding:0;} .baike_con ul{ width:100%; height:auto;} .baike_con ul li{ cursor:pointer; width:575px; margin-right:50px; height:auto; float:left; padding:20px 0;} .baike_con ul li h3{ padding-left:34px; background:url(../images/new_w.gif) no-repeat left 10px; width:100%; height:auto;} .baike_con ul li h3 a{ color:#d82019; font-size:18px;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:40px;} .baike_con ul li span{ padding-left:34px; display:block; background:url(../images/new_d.gif) no-repeat left 4px; width:100%; height:auto; color:#787878; line-height:26px; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} @media(max-width:767px){ .baike{ width:100%; height:auto; padding:0 0 2rem; background:#f2f2f2;} .baike_tit{ position:relative;} .baike_tit h2{margin:2rem auto 5px; height:31px; padding-left:26px; width:100%; overflow: hidden; background:url(../images/title2.png) no-repeat left top; background-size:auto 50px;} .baike_tit h2 b{ float:left; width:6rem; text-align:center;display: block; font:1.1rem/30px "Microsoft Yahei"; color:#313131; padding-top:0;} .baike_tit h2 i{margin-top:20px; float: left; font:24px/50px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; padding:0 15px 0 15px; color: #acacac;} .baike_tit h2 i a{ color: #acacac;} .baike_tit h2 span{ margin:20px 0 0 10px; padding-left:18px; float: left; background:url(../images/new_ic.gif) no-repeat left 10px; font:14px/30px "Microsoft Yahei";color: #2d3e50; display:none;} .baike_tit h2 span a{color: #2d3e50;} .baike_tit .more{position:absolute;right: 0px; top:5px; background:#f2f2f2; padding:0 10px 0 5px;} .baike_tit .more a{ color:#333; font-size:14px;} .baike_con{ width:100%; height:auto; padding:0 10px;} .baike_con ul{ width:100%; height:auto;} .baike_con ul li{ cursor:pointer; width:100%; margin-right:0; height:auto; float:left; padding:1rem 0;} .baike_con ul li h3{ padding-left:34px; background:url(../images/new_w.gif) no-repeat left 10px; width:100%; height:auto;} .baike_con ul li h3 a{ color:#d82019; font-size:18px;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:40px;} .baike_con ul li span{ padding-left:34px; display:block; background:url(../images/new_d.gif) no-repeat left 4px; width:100%; height:auto; color:#787878; line-height:26px; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} } .breadcrumb{padding-top:10px;padding-bottom:10px;background:#e5e5e5;} .breadcrumb .container{ width:100%; height:auto; padding:0;} .breadcrumb a{font-size:14px; color:#333;} .breadcrumb i{padding-right:6px} .in_news{ width:1200px; margin:0 auto; padding:20px 0 50px; overflow:hidden;} .side_lnews{ width:100%; float:left; text-align:right; font-size:14px; line-height:30px; vertical-align:middle;} .side_lnews span{ display:inline-block; margin-right:-1px; vertical-align:middle;} .side_lnews span:last-child{ display:none;} .side_lnews a{ display:inline-block; margin-right:-1px; vertical-align:middle;} .side_lnews span.line{ margin:0 5px 0 10px; width:1px; height:30px; position:relative;} .side_lnews span.line:after{content:'';width:1px;height:14px; background:#666; position:absolute; top:9px; right:0px;} .side_lnews a:hover{ color:#d82019;} .side_lnews .side_lnt{ width:100%; padding-right: 26px; text-align: center; height: 66px; font:24px/59px "Microsoft Yahei";background:url(../images/snt.png) no-repeat left top; color: #fff;} .side_lnews ul{ width:100%; height:auto; overflow:hidden; background:#fff; border:1px solid #dce8f2; padding-bottom: 20px;} .side_lnews ul li{ float:left; margin:10px 14px 0; width:188px; height: 36px; overflow:hidden; font:16px/34px "Microsoft Yahei";color: #313131;} .side_lnews ul li a{ padding-left:35px;width:187px;height:36px;display:inline-block;color:#fff;background:url(../images/new_b2.png) no-repeat center top;overflow:hidden;} .side_lnews ul li a:hover,.side_lnews ul li.curr a{ color:#fff;background:url(../images/new_b1.png) no-repeat center top;} @media(max-width:767px){ .breadcrumb,.side_lnews{ display:none;} .in_news{ width:100%; margin:0 auto; padding:2rem 0; background:#FFF; overflow:hidden;} } .side_rnews{ width:100%; float:right;} .side_rnews .side_rnt{ width:100%; height:33px; border-bottom:0px solid #dedede;} .side_rnews .side_rnt i{ font-size:24px; height:33px; color:#333; display:inline-block; border-bottom:0px solid #d82019; font-style:normal; font-weight:700;} .side_rnews .side_rnt span{ color:#b1b1b1; text-transform:uppercase; font-size:14px; margin-left:10px; display:none;} .side_rlist{ width:100%; height:auto;} .side_rlist ul{ width:100%; height:auto; padding:15px 0 20px;} .side_rlist ul li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:20px 0;} .side_rlist ul li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;} .side_rlist ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;} .side_rlist ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;} .side_rlist ul li .info{ float:right; width:1080px; padding-top:5px;} .side_rlist ul li .info h2{ width:100%; padding-bottom:10px; font-weight:700;} .side_rlist ul li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .side_rlist ul li .info span{ display:block;color:#808080;font-size:14px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} .side_rlist ul li .info h2 a:hover{ color:#d82019;} .side_rlist ul li.frist{ width:100%; height:201px; padding:22px 22px 0 22px; border:1px solid #dce8f2; background:#eef7ff;} .side_rlist ul li.frist .pic{float: left; width:300px; height:155px; overflow:hidden;} .side_rlist ul li.frist .pic img{ width:100%; height:100%; border:1px solid #ddd;} .side_rlist ul li.frist .txt{ float:right; width:820px;} .side_rlist ul li.frist .txt h2{ margin:18px auto 20px; font:18px/30px "Microsoft Yahei";} .side_rlist ul li.frist .txt h2 a{color:#d82019;} .side_rlist ul li.frist .txt h2 i{ height:28px; margin-right:10px; text-align:center; width:70px; display: block; float: left; font:20px/28px "Microsoft Yahei"; color:#fff; background:#d82019;} .side_rlist ul li.frist .txt span{ display:block; font-size:14px; line-height:24px; color:#787878;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;} .side_rlist ul li.frist .txt span a{ color: #51677f;} @media(max-width:767px){ .side_rnews{ width:100%; float:right;} .side_rnews .side_rnt{ display:none;} .side_rlist{ width:100%; height:auto;} .side_rlist ul{ width:100%; height:auto; padding:0 10px 1rem;} .side_rlist ul li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0;} .side_rlist ul li .date{ display:none; float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;} .side_rlist ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;} .side_rlist ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;} .side_rlist ul li .info{ float:right; width:100%; padding-top:0;} .side_rlist ul li .info h2{ width:100%; padding-bottom:10px; font-weight:700;} .side_rlist ul li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .side_rlist ul li .info span{ display:block;color:#808080;font-size:14px;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} .side_rlist ul li .info h2 a:hover{ color:#d82019;} .side_rlist ul li.frist{ width:100%; height:auto; padding:15px 10px; border:1px solid #dce8f2; background:#eef7ff;} .side_rlist ul li.frist .pic{float:left; width:100%; height:auto; overflow:hidden;} .side_rlist ul li.frist .pic img{ width:100%; height:100%; border:1px solid #ddd;} .side_rlist ul li.frist .txt{ float:right; width:100%;} .side_rlist ul li.frist .txt h2{ margin:1rem auto 0.5rem; font:1.1rem/1.8 "Microsoft Yahei";} .side_rlist ul li.frist .txt h2 a{color:#d82019;display:inline-block; max-width:75%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .side_rlist ul li.frist .txt h2 i{ height:28px; margin-right:10px; text-align:center; width:60px; display: block; float: left; font:0.9rem/28px "Microsoft Yahei"; color:#fff; background:#d82019;} .side_rlist ul li.frist .txt span{ display:block; font-size:0.85rem; line-height:24px; color:#787878;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;} .side_rlist ul li.frist .txt span a{ color:#51677f;} } .side_rztbd{ width:100%; height:auto;} .side_rztbd ul{ width:1230px; height:auto; padding:5px 0 0; margin-left:-15px;} .side_rztbd ul li{ cursor:pointer; width:33.3333333%; height:auto; float:left; padding:10px 15px 20px;} .side_rztbd ul li .pic{ width:100%; height:255px; overflow:hidden;} .side_rztbd ul li .pic img{ width:380px; height:255px; border:1px solid #eee;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;} .side_rztbd ul li .pic:hover img{-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25); transform: scale(1.25);} .side_rztbd ul li .info{ width:100%; height:auto; padding-top:12px;} .side_rztbd ul li .info h2{ font:18px/20px "Microsoft Yahei"; font-weight:700; padding-bottom:7px;} .side_rztbd ul li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .side_rztbd ul li .info h2 a:hover{color:#d82019;} .side_rztbd ul li .info span{ display:block; font-size:14px; line-height:24px; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} @media(max-width:767px){ .side_rztbd ul{ width:100%; height:auto; padding:0 5px 0; margin-left:0;} .side_rztbd ul li{ cursor:pointer; width:50%; height:auto; float:left; padding:0 5px 1rem;} .side_rztbd ul li .pic{ width:100%; height:auto; overflow:hidden;} .side_rztbd ul li .pic img{ width:100%; height:auto; border:1px solid #eee;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;} .side_rztbd ul li .pic:hover img{-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25); transform: scale(1.25);} .side_rztbd ul li .info{ width:100%; height:auto; padding-top:0.5rem;} .side_rztbd ul li .info h2{ font:0.9rem/20px "Microsoft Yahei"; font-weight:700; padding-bottom:0.2rem;} .side_rztbd ul li .info h2 a{font-size:0.9rem;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .side_rztbd ul li .info h2 a:hover{color:#d82019;} .side_rztbd ul li .info span{ display:block; font-size:0.85rem; line-height:1.6; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;} } /*��������*/ .side_detail{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:20px 0 0;} .detail_title{ font-size:22px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;} .detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;} .detail_time i{ display:inline-block; font-style:normal; margin:0 5px 0 0;} .details_img{ text-align:center; margin-bottom:5px;} .details_img img{ max-width:100%; height:auto;} .details_info{ padding:15px 0 30px; width:100%; line-height:2; color:#444; min-height:450px;} .details_info p{ font-size: 14px; line-height: 30px; color: #333;} .details_info img{ max-width:100%; height:auto;} .detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0; border-top:1px dashed #CCC;} .detail_fenye span{ display:block; line-height:30px; color:#333; font-size:14px; vertical-align:middle;} .detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;} .detail_fenye span a:hover{ color:#d82019; text-decoration:underline;} .detail_fenye span:last-child{display:none;} @media(max-width:767px){ .side_detail{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0 10px 0;} .side_detail1{ padding:0;} .detail_title{ font-size:1rem; font-weight:700; color:#333; line-height:1.6; padding:0 0 5px; text-align:center;} .detail_time{ color:#666; line-height:1.8; width:100%; font-size:0.7rem; border-bottom:#CCC 1px dashed; text-align:center; padding-bottom:10px;} .detail_time i{ display:inline-block; font-style:normal; margin:0 5px 0 0;} .details_img{ text-align:center; margin-bottom:5px;} .details_img img{ max-width:100%; height:auto;} .details_info{ padding:1rem 0; width:100%; line-height:2; color:#444; min-height: 250px;} .details_info img{ max-width:100%; height:auto;} .detail_fenye{ width:95%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0; margin:0 2.5%; border-top:1px dashed #CCC;} .detail_fenye span{ display:block; line-height:1.8; color:#333; font-size:14px; vertical-align:middle;} .detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;} .detail_fenye span a:hover{ color:#d82019; text-decoration:underline;} .detail_fenye span:last-child{display:block;} } /*��ϵ����*/ .clx_map{ width:100%; height:auto;} #allmap{height:500px;width:100%;} .optionpanel{margin: 10px;} #r-result{width:100%;} #r-result p{margin:5px 0 0 10px;} @media(max-width:767px){ #allmap{height:200px;width:100%;} } .in_contact{ width:100%; height:auto; padding-top:30px;} .lx01{ width:100%; height:auto;} .lx01_t{ width:100%; text-align:center; height:auto; line-height:40px; margin-bottom:40px;} .lx01_t:before{ content:'';display:block;width:65px; height:2px;background:#d82019; margin-bottom:5px; margin-left:auto; margin-right:auto;} .lx01_t span{ display:block;font-size:30px; font-weight:bold;} .lx01_c{margin-bottom:45px; border:1px solid #dedfde;} .lx01_cl{ width:39%; background:#efefef; float:left; font-size:14px;} .lx01_c .box { padding:25px 35px; } .lx01_cl strong{ display:block; font-size:20px; color:#555555; margin-bottom:15px;} .box h3:hover{color:#d82019;} .lx01_cl .ion{ color:#d82019; font-size:19px; line-height:1.5;vertical-align:-3px; margin-left:0;} .lx01_cl .ion-location{ font-size:21px; color:#d82019; line-height:1.5;vertical-align:-3px; margin-right: 8px; margin-left: 5px;} .lx01_cl .ion-iphone{ font-size:21px; color:#d82019; line-height:1.5;vertical-align:-3px; margin-right:10px;margin-left:5px;} .lx01_cl .ion-email{ font-size:21px; color:#d82019; line-height:1.5;vertical-align:-3px; margin-right:6px;} .lx01_cm{ width:22%; float:left; text-align:center;} .lx01_cm .lx01_cm_qr{ width:50%; float:left; padding:38px 0; border-right:#ddd 1px solid;} .lx01_cm .lx01_cm_qr img{ width:86px; height:86px;} .lx01_cm .lx01_cm_qr span{ display:block; font-size:13px; color:#333; line-height:1.8;} .lx01_cr{ width:39%; float:left; } .lx01_cr .fenxiang{ padding:75px 20px 0; } @media(max-width:767px){ .in_contact{ width:100%; height:auto; padding-top:2rem; background:#FFF;} .lx01{ width:100%; height:auto;} .lx01_t{ width:100%; text-align:center; height:auto; line-height:40px; margin-bottom:1rem;} .lx01_t:before{ content:'';display:block;width:65px; height:2px;background:#d82019; margin-bottom:5px; margin-left:auto; margin-right:auto;} .lx01_t span{ display:block;font-size:1.5rem; font-weight:bold;} .lx01_c{margin-bottom:1.5rem; margin:0 10px; border:1px solid #dedfde;} .lx01_cl{ width:100%; background:#efefef; float:left; font-size:14px;} .lx01_cl .box { padding:25px 25px; height:auto;} .lx01_cl strong{ font-size:1.2rem; color:#555555; margin-bottom:15px;} .box h3:hover{color:#d82019;} .lx01_cl .ion{ color:#d82019; font-size:19px; line-height:1.5;vertical-align:-3px; margin-left:0;} .lx01_cl .ion-email{ font-size:21px; color:#d82019; line-height:1.5;vertical-align:-3px; margin-right:6px;} .lx01_cm{ width:100%; float:left; text-align:center;border-bottom: 1px solid #ccc;} .lx01_cm .lx01_cm_qr{ width:50%; float:left; padding-top:25px; border-right:#ddd 1px solid; height:164px;} .lx01_cm .lx01_cm_qr img{ width:86px; height:86px;} .lx01_cm .lx01_cm_qr span{ display:block; font-size:13px; color:#333; line-height:1.8;} .lx01_cr{ width:100%; float:left;} .lx01_cr .fenxiang{ padding:75px 20px 0; } } .lx02{ width:100%; height:auto; padding:30px 0;} .lx02 ul{ width:1221px; height:auto;} .lx02 ul li{ width:386px; float:left; margin-right:21px; margin-bottom:30px;} .lx02 ul li dl{ width:100%; height:auto;} .lx02 ul li dl dt{ width:100%; height:auto; border-bottom:#b2b2b2 1px solid; padding:10px 0; margin-bottom:10px; cursor:pointer;} .lx02 ul li dl dt img{ width:80px; height:80px; border:1px solid #ddd; float:left; cursor:pointer;} .lx02 ul li dl dt h2{ float:right; width:72%; text-align:left; font-size:20px; line-height:1.8; color:#333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .lx02 ul li dl dt h2 i{ font-size:14px; font-style:normal; display:block; color:#787878;} .lx02 ul li dl dd{ width:100%; height:auto;} .lx02 ul li dl dd span{ display:block; height:150px; line-height:1.8; color:#666; overflow:hidden; font-size:14px; text-indent:2em; padding-bottom:5px;} .lx02 ul li dl dd h3{ line-height:1.8; color:#333; font-size:14px; padding-bottom:5px;} .lx02_b{ width:100%; height:auto; padding-bottom:20px;} .lx02_b b{ display:block; font-weight:bold; color:#333; font-size:15px; padding-bottom:0;} .lx02_b span{ display:block; font-size:14px; line-height:1.8; text-indent:2em;} @media(max-width:767px){ .lx02{ width:100%; height:auto; padding:2rem 0 2rem 10px;} .lx02 ul{ width:100%; height:auto;} .lx02 ul li{ width:45%; float:left; margin-right: 5%; margin-bottom:40px;} .lx02 ul li dl{ width:100%; height:auto;} .lx02 ul li dl dt{ width:100%; height:auto; border-bottom:#b2b2b2 1px solid; padding:10px 0; margin-bottom:10px; cursor:pointer;} .lx02 ul li dl dt img{ width:90%; height:auto; border:1px solid #ddd; float:none; display:block; margin:0 auto; cursor:pointer;} .lx02 ul li dl dt h2{ float:right; width:100%; text-align:center; font-size:1rem; line-height:1.8; color:#333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .lx02 ul li dl dt h2 i{ font-size:0.85rem; font-style:normal; display:block; color:#787878;} .lx02 ul li dl dd{ width:100%; height:auto;} .lx02 ul li dl dd span{ display:block; height:18.4rem; line-height:1.6; color:#666; overflow:hidden; font-size:0.85rem; text-indent:2em; padding-bottom:0;} .lx02 ul li dl dd h3{ line-height:1.8; color:#333; font-size:14px; padding-bottom:5px;} .lx02_b{ width:100%; height:auto; padding:0 10px 20px 0;} .lx02_b b{ display:block; font-weight:bold; color:#333; font-size:15px; padding-bottom:5px;} .lx02_b span{ display:block; font-size:14px; line-height:1.8; text-indent:2em;} } /*����*/ .lx03{ width:100%; height:auto; padding:0 0 30px 0;} .lx03_t{ width:100%; text-align:center; height:auto; line-height:40px; margin-bottom:40px;} .lx03_t:before{ content:'';display:block;width:65px; height:2px;background:#d82019; margin-bottom:5px; margin-left:auto; margin-right:auto;} .lx03_t span{ display:block;font-size:30px; font-weight:bold;} .lx03_t i{ text-align:center; font-style:normal; color:#898989; font-size:14px; padding-top:5px;} .lx03_c{ width:100%; height:auto;} .lx03_c dl{ width:100%; height:auto;} .lx03_c dl.icon11 dt{ float:left; width:560px; border:1px solid #ddd; padding:5px; margin:5px 38px 5px 0; background:url(../images/coin1.png) no-repeat 5px center;} .lx03_c dl.icon11 dd{ float:left; width:560px; border:1px solid #ddd; padding:5px; margin:5px 38px 5px 0; background:url(../images/coin2.png) no-repeat 5px center;} .lx03_c dl.icon22 dt{ float:left; width:560px; border:1px solid #ddd; padding:5px; margin:5px 38px 5px 0; background:url(../images/coin6.png) no-repeat 5px center;} .lx03_c dl.icon22 dd{ float:left; width:560px; border:1px solid #ddd; padding:5px; margin:5px 38px 5px 0; background:url(../images/coin7.png) no-repeat 5px center;} .lx03_c dl input{ width:520px; height:30px; line-height:30px; border:none; outline:none; font-size:14px; font-weight:normal; margin-left:30px;} .lx03_c .lynr{ width:1158px; border:1px solid #ddd; padding:5px; margin:5px 0; background:url(../images/coin3.png) no-repeat 5px 12px;} .lx03_c .lynr textarea{ height:180px; width:1118px; border:none;outline:none; line-height:24px; font-size:14px; margin-left:30px;} .lx03_c .lyyzm{ width:100%;padding:5px 0;} .lx03_c .lyyzm span{ display:block; float:left; width:160px; border:1px solid #ddd; padding:5px; background:url(../images/coin4.png) no-repeat 5px 50%;} .lx03_c .lyyzm input{ width:118px; height:30px; line-height:30px; border:none; outline:none; font-size:14px; font-weight:normal; margin-left:30px;} .lx_btn{ width:100%; margin:10px 0;} .lx_btn input{width:94px; height:36px; border:0; cursor:pointer; background:#d82019; color:#fff; margin-right:10px;} .lx_btn span{ font-size:14px; color:#666;} @media(max-width:767px){ .lx03{ width:100%; height:auto; padding:0 10px 2rem;} .lx03_t{ width:100%; text-align:center; height:auto; line-height:40px; margin-bottom:40px;} .lx03_t:before{ content:'';display:block;width:65px; height:2px;background:#d82019; margin-bottom:5px; margin-left:auto; margin-right:auto;} .lx03_t span{ display:block;font-size:1.5rem; font-weight:bold;} .lx03_t i{ text-align:center; font-style:normal; color:#898989; font-size:14px; padding-top:5px;} .lx03_c{ width:100%; height:auto;} .lx03_c dl{ width:100%; height:auto;} .lx03_c dl dt{ float:left; width:100% !important; border:1px solid #ddd; padding:5px; margin:5px 0 5px 0; background:url(../images/coin1.png) no-repeat 5px center;} .lx03_c dl dd{ float:left; width:100% !important; border:1px solid #ddd; padding:5px; margin:5px 0 5px 0; background:url(../images/coin2.png) no-repeat 5px center;} .lx03_c dl input{ width:100% !important; height:30px; line-height:30px; border:none; outline:none; font-size:14px; font-weight:normal; padding-left:30px; margin:0; background:none;} .lx03_c .lynr{ width:100%; border:1px solid #ddd; padding:5px; margin:5px 0; background:url(../images/coin3.png) no-repeat 5px 12px;} .lx03_c .lynr textarea{height:180px; width:100%;border:none;outline:none; line-height:24px; font-size:14px; padding-left:30px; margin:0;background:none;} .lx03_c .lyyzm{ width:100%;padding:5px 0;} .lx03_c .lyyzm span{ display:block; float:left; width:150px; border:1px solid #ddd; padding:5px; background:url(../images/coin4.png) no-repeat 5px 50%;} .lx03_c .lyyzm input{ width:108px; height:30px; line-height:30px; border:none; outline:none; font-size:14px; font-weight:normal; margin-left .lx_btn{ width:100%; margin:10px 0;} .lx_btn input{width:100%; height:40px; border:0; cursor:pointer; background:#d82019; color:#fff; margin-right:0;} .lx_btn span{ font-size:0.85rem; color:#666; display:block; padding:0.5rem 0 0; line-height:1.5;} }